<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=640,user-scalable=false" />
    <title>泛兰士手机版</title>
    <link href="/mobile/css/style.css" rel="stylesheet" type="text/css" /><!--通用样式-->
    <link rel="stylesheet" href="/mobile/css/reveal.css">	<!--登录样式-->

    <style>
        .savebox{width:640px;margin:auto;margin-top:30px;}
        .savebox li{height:60px;line-height:60px;border-bottom:#dfdfdf 1px solid;}
        .savebox li p{float:left;font-size:18px;color:#666;}
        .savebox li img{float:left;margin-left:20px;margin-top:16px}
        .savebox li a{float:right;margin-right:20px;font-size:18px;color:#036eb8;}
        .dlm{margin-left:20px;}
        .dlmp{margin-left:150px;}
        .savebox_top{background:#f7fafd;height:60px;}
        .savebox_top p{color:#333333;line-height:60px;float:left;color:#333333;font-size:1.42rem;margin-left:10px;}
        .savebox_top img{float:left;margin-left:100px;margin-top:20px;}

        .save_input{width:400px;margin:auto;margin-top:30px;overflow:hidden;}
        .save_input p{float:left;line-height:40px;font-size:1.28rem;color:#333;}
        .save_input_box{float:right;width:290px;height:40px;border:#dcdcdc 1px solid;padding-left:10px;font-size:1.28rem;color:#333;}
        .savebtn{width: 300px;height: 50px;background: #fd6c2c;margin-left:220px;margin-top:20px;border: none;color: #FFF;font-size:1.72rem;}
        .savebottom{border-top:#dfdfdf 1px solid;width:660px;margin:auto;margin-top:100px;}
        .savebottom li{overflow:hidden;margin-top:20px;}
        .savebottom li img{float:left;margin-left:40px;width:20px;margin-top:5px;}
        .savebottom li p{float:left;font-size:1.42rem;color:#666;margin-left:10px;width:500px;}
        .savebottom li p a{font-size:1.42rem;color:#348ac6;}


        .Personal dt{float:left;}
        .Personal dd{float:left;margin-left:10px;}
        .Personal dd h1{font-size:2.28rem;color:#333333;font-weight:normal;margin-top:10px;}
        .Personal dd p{font-size:1.14rem;color:#666666;margin-top:10px;}
        .Personal dd p a{color:#999;}
        .save_input span{float:left;font-size:18px;color:#333333;margin-left:50px;line-height:40px;}
        .save_input_yzm{width:170px;height:40px;margin-left:10px;border:#dedede 1px solid;padding-left:10px;font-size:1.28rem;color:#333;}
        .save_input_button{width:100px;height:40px;background:#eeeeee;border:#dedede 1px solid;float:right;}
        .zh_title{width:724px;margin:30px auto;}

        .tishi_p{font-size:1rem;color:#ff6868;margin-left:220px;}
    </style>


</head>

<body>



<div class="fls_bg">
    <div class="fls_top">
        <a href="{{ route('index') }}"><img src="/mobile/images/topimg_03.png" class="logo"/></a>
        <a href="{{ route('index') }}"><img src="/mobile/images/topimg_06.png" class="fangzi"/></a>
    </div>
    <div class="title_box"><img src="/mobile/images/yanzheng1_03.png" /><h1><a href="#">个人中心</a>  >  <a href="#">账户安全</a></h1></div>


    <div class="Personal" >
        <div  class="savebox" >
            <div class="savebox_top"><img src="/mobile/images/jricona_03.png" /><p>点击“获取验证码”接收短信，并完成验证。</p></div>
            <div class="save_input">
                <p>手机号码</p>
                <span>{{ session('mobile') }}</span>
            </div>
            <div class="save_input">
                <p>短信验证码</p>
                <input placeholder="请输入" class="save_input_yzm"/>
                <button class="save_input_button">获取验证码</button>
            </div>
            <button class="savebtn">下一步</button>
        </div>

        <ul class="savebottom">
            <li>
                <img src="/mobile/images/jricona_07.png" />
                <p>手机验证不成功？</p>
            </li>
            <li>
                <img src="/mobile/images/jricona_07.png" />
                <p>手机验证失败可能是您的手机号已经超过验证次数，请更换手机进行验证，或者明天再试。</p>
            </li>
        </ul>
    </div><!--Personal-->



    <div class="Personal" style="display:none;">
        <div  class="savebox" >
            <div class="savebox_top"><img src="/mobile/images/jricona_03.png" style="margin-left:80px;"/><p>请输入您的新手机号，点击“获取验证码”完成短信验证。</p></div>
            <div class="save_input">
                <p>所在地</p>
                <input placeholder="请输入" class="save_input_box"/>
            </div>
            <div class="save_input">
                <p>手机号码</p>
                <input placeholder="请输入" class="save_input_box"/>
            </div>
            <div class="save_input">
                <p>短信验证码</p>
                <input placeholder="请输入" class="save_input_yzm"/>
                <button class="save_input_button">获取验证码</button>
            </div>
            <button class="savebtn">下一步</button>
        </div>

        <ul class="savebottom">
            <li>
                <img src="/mobile/images/jricona_07.png" />
                <p>手机验证不成功？</p>
            </li>
            <li>
                <img src="/mobile/images/jricona_07.png" />
                <p>手机验证失败可能是您的手机号已经超过验证次数，请更换手机进行验证，或者明天再试。</p>
            </li>
        </ul>
    </div><!--Personal-->

    <dl class="Personal" style="width:380px;margin:auto;margin-top:30px;display:none;" >
        <dt><img src="/mobile/images/chenggong_03.jpg" /></dt>
        <dd><h1>修改成功！</h1><p>请牢记您的手机号码。</p></dd>
    </dl><!--Personal-->





</div><!--fls_bg-->
</body>

@if(!empty($errors->first()))
    <script>
        window.alert('{{ $errors->first() }}');
    </script>
@endif

</html>
